<extend name="Base/common"/>
<block name="style">

    <style>
        #showIOSDialog1 {
            background: #088AEF;
            border-radius: 0;
            font-size: 19px;
            padding: 10px 20px 5px;
        }
        #showIOSDialog1 div {
            float: right;
            padding-top: 10px;
        }
        #showIOSDialog1 img {
            height: 30px;
            margin: 0 auto;

        }
        .weui-cells_checkbox {
            margin: 15px 2px;
            border-radius: 5px;
        }
        .weui-btn_warn {
            position: fixed;
            bottom: -50px;
            /*border-radius: 50px;*/
            background: #19AA19;
            opacity:0.8;

        }
        body{
            margin-bottom: 55px;
        }
    </style>
</block>

<block name="navbar"></block>
<block name="body">
    <!--添加乘页面-->
    <a href="javascript:;" class="weui-btn weui-btn_primary ts_nav" id="showIOSDialog1">添加乘客<div><img src="{$Think.config.HOME_IMG}plus.png" alt=""></div></a>
    <!--添加乘客页面表单区域-->
    <form action="__SELF__" method="post">
        <div class="js_dialog" id="iosDialog1" style="display: none;">
            <div class="weui-mask"></div>
            <div class="weui-dialog">
                <div class="weui-cells weui-cells_form">
                    <div class="weui-cell">
                        <div class="weui-cell__hd"><label class="weui-label">姓名</label></div>
                        <div class="weui-cell__bd">
                            <input name="passengerName" class="weui-input"
                                   placeholder="请输入乘车者姓名">
                        </div>
                    </div>


                    <div class="weui-cell">
                        <div class="weui-cell__hd"><label class="weui-label">手机号</label></div>
                        <div class="weui-cell__bd">
                            <input name="passengerTel" class="weui-input" type="number" pattern="[0-9]*"
                                   placeholder="请输入手机号">
                        </div>
                    </div>

                    <div class="weui-cell">
                        <div class="weui-cell__hd"><label class="weui-label">身份证号</label></div>
                        <div class="weui-cell__bd">
                            <input name="passengerIdCard" class="weui-input" type="number"
                                   placeholder="请输入身份证号">
                        </div>
                    </div>

                    <div class="weui-btn-area">
                        <input type="submit" class="weui-btn weui-btn_primary" value="添加乘客">
                    </div>

                </div>
            </div>
        </div>
    </form>


    <!--bookTicket/ticketId/131-->
    <!--bookTicket/ticketId/131-->

    <!--选中乘客区域-->
    <!--__CONTROLLER__/bookTicket/ticketId/{$v.addr_id}-->
    <form action="__CONTROLLER__/bookTicket/ticketId/{$ticketId}" method="post" >
        <div class="weui-cells weui-cells_checkbox">

            <foreach name="psrInfo" item="v" >
                <label class="weui-cell weui-check__label" for="s{$v.psr_id}">

                    <div class="weui-cell__hd">
                        <input type="checkbox" class="weui-check" name="checkbox[{$v.psr_id}]" id="s{$v.psr_id}">
                        <i class="weui-icon-checked"></i>
                    </div>
                    <div class="weui-cell__bd">
                        <p>姓&nbsp;&nbsp;&nbsp;名：{$v.psr_name}</p>
                        <p>身份证：{$v.psr_id_card}</p>
                    </div>
                </label>
            </foreach>

        </div>
        <input type="submit" class="weui-btn weui-btn_warn" value="选中以上乘客" style="margin-bottom: 50px;">
    </form>
    <!--选中乘客区域-->


</block>

<block name="script">
    <script>
        $(function () {
            var $iosDialog1 = $('#iosDialog1');
            $('#showIOSDialog1').on('click', function () {
                $iosDialog1.fadeIn(200);
            });
        })

    </script>
</block>